body,html {
  background: #F4F8FA;
}

.wrapper {
  width: 100%;
  height: 100%;
  .selectGroup{
    width:100%;
    height:80px;
    background: #ffffff;
    padding:28px 35px;
    form{
      width:100%;
      .area{
        width:100%;
        height:30px;
        margin-bottom:12px;
        div{
          float: left;
          width:13%;
          margin-right:8px;
        }
      }
      label{
        width:6%;
        color:#1F4261;
        float: left;
        text-align: center;
        font:normal 12px/29px "MicrosoftYaHei";
      }
      select{
        width:100%;
        height:29px;
        //background-color: #F4F8FA;
        color: #4F5F65;
        padding-left:15px;
        padding-right:10px;
        font:normal 14px/29px "MicrosoftYaHei";
        border: 0;
        margin: 0;
        border-radius: 3px;
        text-indent: 0.01px;
        text-overflow: '';
        appearance:none;
        -moz-appearance:none;
        -webkit-appearance:none;
        background:#F4F8FA url("../../img/index/icon_down.png") no-repeat scroll 92% center ;
      }
      select::-ms-expand {
        display: none;
      }

    }

  }
  .slowDiseaseDetail{
    width:100%;
    height:220px;
    background: #fff;
    padding-top:16px;
    margin-bottom: 16px;

    .picDetail{
      width:100%;
      height:200px;
      box-shadow: 0px 4px 4px #C6CFD2;
    }

  }
  .lineDetail{
    border:none;
    box-shadow: 0px -2px 6px #C6CFD2;
    .checkList {
      margin-bottom:3px;
      ul{
        border:none;
      }
      .statisticsDetail{
        width:100%;
        padding-left:20px;
        //padding-bottom:100px;
        //padding:0 0 80px 20px;
        background: #fff;
        .list_one{
          width:100%;
          height:700px;
          //padding-bottom:50px;
          h3{
            color:#2A3137;
            margin:0;
            font:bold 20px/78px "MicrosoftYaHei";
          }
          .pie{
            width:100%;
            height:250px;
            margin-bottom:19px;
            .peopleNum,.genderRatio{
              height:250px;
              float: left;
              border:#C6CFD2 solid 1px;
            }
            .peopleNum{
              width:50%;
              margin-right:5%;
            }
            .peopleNum,.genderRatio{

              .title{
                width:100%;
                height:44px;
                border-bottom:#C6CFD2 solid 2px;
                h5,span{
                  float: left;
                }
                i{
                  float: right;
                  color:#B3BDC1;
                  margin-right:19px;
                  font:bold 12px/44px "MicrosoftYaHei";
                }
                h5{
                  color:#1F4261;
                  margin:0;
                  padding-left:20px;
                  font-weight:normal;
                  font:bold 14px/44px "MicrosoftYaHei";
                }
                a{
                  float: left;
                  height: 10px;
                  margin: 18px 9px 0 11px;
                  border: #1F4261 solid 1px;
                }
                span{
                  color:#1F4261;
                  font:normal 12px/44px "MicrosoftYaHei";
                }
              }
              .pieNum{
                width:100%;
                height:203px;
              }
            }
            .genderRatio{
              width:43%;
              .ratioPie{
                width:100%;
                height:203px;
              }
            }
          }
          .bar{
            width:98%;
            height:350px;
            border:#c6cfd2 solid 1px;
            h5{
              color:#1F4261;
              margin:0;
              padding-left:20px;
              border-bottom:#C6CFD2 solid 2px;
              font:bold 14px/44px "MicrosoftYaHei";
            }
            .ageBar{
              width:100%;
              height:320px;
            }
          }

        }

      }
    }

  }

}
